<template>
  <div class="article-list">

<!-- v-model="loading" 是加载中状态，控制显示加载中效果，:finished="finished" 是显示是否完全加载完毕数据
@load="onLoad()" 是上拉加载后事件，当列表最底部进入可视区（能看见列表末尾）就会触发上拉加载事件-->
    <article-item v-for="item in channelslist" :key="item.id"  :item="item"/>

  </div>
</template>
<script>
import ArticleItem from '@/components/Article-item'
export default {
  name: 'ArticleList',
  components: {
    ArticleItem
  },
  props: {
    channelslist: {
      type: Array,
      required: true
    }
  }

}
</script>
<style scoped lang="less">
.article-list {
  height: 100%;
  overflow-y: auto;
  padding: 0 16px;
}
</style>
